﻿<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="Plot.aspx.cs" Inherits="HeatMapPrototype.Plot" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link type="text/css" href="style.css" rel="Stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="heatmapArea">
    </div>        
    <script type="text/javascript" src="heatmap.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            var xx = h337.create({ "element": document.getElementById("heatmapArea"), "radius": 25, "visible": true });

            var el = <asp:Literal id="ltrPoints" runat="server" />;
            var obj = el;
            
            // call the heatmap's store's setDataSet method in order to set static data
            xx.store.setDataSet(obj);            
        };
    </script>
    </form>
</body>
</html>
